$imgurl-base: "../../newimages";
.banner-wrapper {
	height: 463px;
	overflow: hidden;
	position: relative;
	min-width: 1170px;
	width: 100%;
	.page-num {
		bottom: 15px;
		height: 16px;
		left: 50%;
		margin-left: -450px;
		position: absolute;
		text-align: center;
		width: 900px;
		z-index: 10;
		span {
			background-color: #fff;
			color: #000;
			cursor: pointer;
			height: 9px;
			width: 9px;
			margin-right: 10px;
			text-align: center;
			font-size: 0;
			text-indent:-9999px;
			display: inline-block;
			border-radius: 50%;
			&.current {
				background-color: #ff4739;
			}
		}
	}
	.control-mod {
		top: 150px;
		height: 1px;
		left: 50%;
		margin-left: -585px;
		position: absolute;
		text-align: center;
		width: 1170px;
		z-index: 11;
		%common-control{
			cursor: pointer;
			height: 75px;
			width: 58px;
			z-index: 2;
		}
		.control-l {
			@extend %common-control;
			background: url(#{$imgurl-base}/banner-btn-pre.png);
			float: left;
		} 
		.control-r {
			@extend %common-control;
			background: url(#{$imgurl-base}/banner-btn-next.png);
			float: right;
		}
	}
}